<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>window对象</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
	</head>
	<body>
		<div class="web">
			<h1>window对象(http://www.w3school.com.cn/jsref/dom_obj_window.asp)</h1>
			<hr />
			<h2>BOM对象模型</h2>
			<p><img src="img/BOM模型图.png"/></p>
			<p>BOM是browser object model的缩写，简称浏览器对象模型</p>
			<p>BOM提供了独立于内容而与浏览器窗口进行交互的对象,也就是说<b>提供了一个访问浏览器的入口</b></p>
			<p>由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window</p>
			<p>BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性</p>
			<p>window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象</p>
			<p>Window 对象表示浏览器中打开的窗口。</p>
			<p>Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。例如，可以只写 document，而不必写 window.document。</p>
			<h2>window下面的方法</h2>
			window.alert() <br />
			window.confirm() <br />
			window.prompt() <br />
			close() <br />
			open() <br />
			<h2>定时器</h2>
			<p>setTimeout()/setInterval()可以用来注册在指定时间之后单次或重复调用的函数,因为他们都是客户端JavaScript中重要的全局函数,所以定义为Window对象的方法.</p>
			<p>两种定时器都有一个返回值,这个值可以传递给clearTimeout()/clearInterval()用于取消定时器</p>
			<p>两者的区别是前者在指定的时间后调用一次,后者是重复调用</p>
			<h2>Window对象常用属性</h2>
			<ul>
				<li>window.innerHeight返回窗口的文档显示区的高度。</li>
				<li>window.outerheight返回窗口的外部高度。</li>
				<li>pageYOffset返回文档左上角距离浏览器可视区域左上角Y轴方向的距离(要有滚动条时才能看到效果,否则为0)</li>
				<li>window.open()与close()打开与关闭一个窗口</li>
			</ul>
			<details>
				<summary>location对象</summary>
				<ul>
					<li>主要包括了地址栏URL的相关信息</li>
					<li>location.reload();//重新加载当前页面</li>
					<li>location.href = "http://www.baidu.com";//跳转到百度</li>
				</ul>
			</details>
			<details>
				<summary>history对象</summary>
				<ul>
					<li>包含了浏览器浏览历史记录的信息</li>
					<li>history.forword();//前进</li>
					<li>history.back();//后退</li>
					<li>history.go(number|url)//可以实现前进或后退</li>
				</ul>
			</details>
			<details>
				<summary>navigator对象</summary>
				<ul>
					<li>包含浏览器的有关信息</li>
					<li>navigator.userAgent();//返回浏览器信息</li>
					<li>作业:判断当前浏览设备是pC端还是手机端,并确判断操作系统</li>
				</ul>
			</details>
		</div>
		<script type="text/javascript">
			//close();
		</script>
	</body>
</html>
